<!DOCTYPE HTML>
<html>
<head>
<title>Cart</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Lookz Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />

<link href="/css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="/css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!-- start menu -->
<link href="/css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
<script src="/lib/requirejs/require.js" data-main = "/js/cart.js"></script>
<style type="text/css">
	.decrement, .increment {
		display: inline-block;
		width: 30px;
		height: 30px;
		border:1px solid peru;
		background: palevioletred;
		line-height: 30px;
		text-align: center;
		cursor: pointer;
	}
	.amount {
		width: 100px;
		margin:0 5px;
		text-align: center;
	}
</style>
</head>
<body>
<div class="wrap">	
<div class="container">
	<!--头部-->
	<header></header>
<div class="content">
  <div class="content_box">
	<div class="men cart empty">
	    <h1>It appears that your cart is currently empty!</h1>
	    <h2>You can continue browsing <a href="/html/list.html">here</a>.</h2>
  </div>
  <!--购物车列表-->
  <div class="cart not-empty hidden">
			<table class="table table-bordered cart-table">
				<thead>
					<tr>
						<th><label><input type="checkbox" class="ck_all">全选</label></th>
						<th>序号</th>
						<th>图片</th>
						<th>标题</th>
						<th>价格</th>
						<th>数量</th>
						<th>小计</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					
				</tbody>
				<tfoot>
					<tr>
						<td>合计</td>
						<td colspan="7" class="total">0</td>
					</tr>
				</tfoot>
			</table>
		</div>
	<!--尾部-->
  <footer></footer>
  </div>
</div>

<!-- art-Template 模板引擎 -->
<script type="text/html" id="cart-body-template">
	{{each products prod}}
		<tr>
			<td><input type="checkbox" class="ck_prod"></td>
			<td class="id">{{prod.id}}</td>
			<td><img src="{{prod.img}}" alt="" class="img"></td>
			<td class="title">{{prod.title}}</td>
			<td class="price">{{prod.price}}</td>
			<td><span class="decrement">-</span><input type="text" class="amount" value="{{prod.amount}}"><span class="increment">+</span></td>
			<td class="sub">{{prod.price*prod.amount}}</td>
			<td><a href="javascript:void(0);" class="del">删除</a></td>
		</tr>
	{{/each}}
</script>
</body>
</html>		